<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>CRM</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/businessman"],
            cb: function (o) {
                app.requireCss(['css/wx/icons-extra', 'css/wx/wx-iconfont', 'css/wx/audio'], doc);
            }
        };
    </script>
    <script data-main="../../js/wx/public/config" src="../../js/require.js"></script>

    <link rel="stylesheet" href="../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../css/wx/app.css">
    <link rel="stylesheet" href="../../css/wx/style.css"/>
    <link rel="stylesheet" href="../../css/wx/style-hn.css"/>
    <link rel="stylesheet" href="../../css/wx/crm.css"/>
    <style>

        svg.icon {
            width: 34px;
            height: 34px;
        }

        .wf-iconHr a svg.icon {
            width: 1.2rem !important;
            height: 1.2rem !important;
        }

        .statistics_number {
            font-weight: 800;
            font-size: 17px !important;
            color: #4C6FB0;
        }

        .statistics_title {
            color: #d2620a;
        }

        .mui-table-view.mui-grid-view .mui-table-view-cell {
            padding: 10px 0 0 35px;
        }

        p {
            font-size: 14px;
        }

        .greenicon {
            font-size: 1.1rem;
            line-height: 0.3;
            position: absolute;
            right: 0px;
            top: 10px;
        }

        .searchBox {
            z-index: 3
        }

        .mui-table-view-cell {
            font-size: 13px;
        }

    </style>
</head>

<body>
<div class="zindex_bg"></div>
<!--搜索-->
<div id="searchDiv" class="mui-input-row searchBox" style="position: relative">
    <form action="javascript:app.returnFalse();">
        <div class="noneFouce" @tap.stop="clickIn">
            <p class="left_icon"><i class="mui-icon mui-icon-search"></i>请输入商品名称/商品编号</p>
            <input type="text" disabled>
        </div>
        <div class="hasFouce" style="display: none">
            <i class="mui-icon mui-icon-search"></i>
            <input @search="toSearch" type="search" class="mui-input-clear" placeholder="请输入商品名称/商品编号"
                   v-model.trim="keyword" @blur="lostIn(0)">
        </div>

        <span @tap.stop="scanQRCode" class="iconfont icon icon-061 posIcon wf-font-color"
              style="font-size: 27px;"></span>
    </form>
</div>

<div id="content" class="mui-content" style="margin-bottom: 100px;">
    <div class="mui-card">
        <div class="mui-card-header">
            <div><span class="border-left-span bg-color-3"></span>爆款品</div>
        </div>

        <div class="mui-card-content">
            <div v-if="page.hotList.length>0" id="slider3" class="mui-slider">
                <div class="mui-slider-group mui-slider-loop">
                    <div v-for="v in page.hotList" :class="v.className" @tap.stop="go('hot',v)">
                        <a href="#" style="height: 170px;text-align: center;width: 100%;">
                            <img :src="v.path">
                            <p v-text="v.GWAML003" class="mui-slider-title"></p>
                        </a>
                    </div>
                </div>
                <div class="mui-slider-indicator">
                    <div v-for="v,index in page.hotList" v-if="index < page.hotList.length-2"
                         class="mui-indicator"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="iconHr wf-iconHr" style="margin-bottom: 0px;margin-top: 5px;padding: 0 2px;">
        <div class="mui-row" style="width: 97%;margin: auto">
            <div @tap.stop="openSjmx('A')" class="mui-col-sm-4 mui-col-xs-4">
                <a href="javascript:;">
                    <div>
                        <p v-text="statsSJ.A" class="statistics_number"></p>
                        <p class="statistics_title">本年成单(万)</p>
                    </div>

                </a>
            </div>
            <div @tap.stop="openSjmx('B')" class="mui-col-sm-4 mui-col-xs-4">
                <a href="javascript:;">
                    <div>
                        <p v-text="statsSJ.B" class="statistics_number"></p>
                        <p class="statistics_title">本年商机(万)</p>
                    </div>

                </a>
            </div>
            <div @tap.stop="openSjmx('C')" class="mui-col-sm-4 mui-col-xs-4">
                <a href="javascript:;">
                    <div>
                        <p v-text="statsSJ.C" class="statistics_number"></p>
                        <p class="statistics_title">本月拜访</p>
                    </div>

                </a>
            </div>
        </div>
    </div>

    <div class="mui-card after-sale">
        <div class="mui-card-header">
            <div style="font-size: 17px"><span class="iconfont icon icon-02"></span>今日拜访</div>
        </div>
        <div v-show="page.bfList.length>0" class="mui-card-content" @tap.stop="go('JRBF')">
            <div v-for="v in page.bfList" class="mui-card">
                <div class="cardList">

                    <div class="crm_car_list">
                        <span v-show="v.status"
                              class="mui-icon mui-icon-checkmarkempty mui-right greenicon color9"></span>
                        <span v-show="!v.status" class="mui-icon mui-icon-checkmarkempty mui-right greenicon"
                              style="color:#ccc2c2"></span>
                        <div class="list_head">
                            <p>
                                <span><img src="../../img/time.svg"/> </span><p v-text="v.GWBA003"></p>
                            </p>
                        </div>
                        <div class="list_body">
                            <p v-text="v.GWAKL004"></p>
                            <p v-text="v.GWBA016"></p>
                            <p v-text="v.GWAK030"></p>
                        </div>

                    </div>
                    <div>
                        地址<p v-text="v.GWBA005"></p>
                    </div>
                </div>
            </div>
        </div>
        <div v-show="page.bfList.length==0" class="mui-card-footer nodata">
<!--            <p>您暂时没有相关预约信息</p>-->
            <img src="../../img/nodata.svg"/>
        </div>

    </div>
</div>

<nav id="foot" @tap.stop="" class="mui-bar mui-bar-tab mbsbar">
    <a id="scan" class="mui-tab-item" @tap.stop="openFoot('fl')">
        <span class="iconfont icon icon-005"></span>
        <p class="mui-tab-label">分类浏览</p>
    </a>
    <a id="gwc" class="mui-tab-item" @tap.stop="openFoot('gwc')">
        <span class="iconfont icon icon-006"></span>
        <p class="mui-tab-label">购物车</p>
    </a>
    <a id="me" class="mui-tab-item" @tap.stop="openFoot('wo')">
        <span class="iconfont icon icon-004"></span>
        <p class="mui-tab-label">我的</p>
    </a>
</nav>
</body>
</html>